/* eslint-disable semi */
/* eslint-disable semi */
/* eslint-disable quotes */
<template>
    <!-- 页中分类 -->
    <div class="hello-2">
        <div class="hello-2-1"
             v-for="(item, index) in listimages"
             :key="index">
            <div>
                <!-- <router-link v-if="item.id !=3" :to="item.link"> -->
                <van-image class="hello-2-one"
                           width="3.093rem"
                           height="3.093rem"
                           :src="item.imgSrc" />
                <!-- </router-link> -->
            </div>
        </div>

        <div class="Getdata">
            申请获取以下权限
        </div>
        <div class="Getdata-2">

            获得你的公开信息(昵称、头像等)

        </div>

        <div class=" lastadd">

            <van-button class="add-button"
                        color="#59AE41"
                        round
                        type="info">微信一键授权</van-button>

        </div>
    </div>

</template>

<script>
export default {
    components: {},
    data() {
        return {
            num: 2,
            active: 0,
            listimages: [{ id: 0, imgSrc: require("../assets/images/a40.jpg") }]
        };
    },
    methods: {
        Onclick(id) {
            switch (id) {
                case 0:
                    //点击跳转至上次浏览页面
                    // this.$router.go(-1)

                    console.log(0);

                    break;
                case 1:
                    console.log(1);

                    break;
                case 2:
                    //指定跳转地址
                    this.$router.replace("/MyInfo");
                    console.log(2);

                    break;
                default:
                    console.log("错误!");
                    break;
            }
        }
    }
};
</script>

<style scoped>
* {
    padding: 0;
    margin: 0;
}
body {
    background-color: #f6f6f6;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    display: block;
}
div {
    display: block;
    box-sizing: border-box;
}
.hello-2 {
    background: #ffffff;
}
.hello-2-one {
    margin: 38px 0 0 135px;
}
.Getdata {
    color: #000;
    font-weight: 700;
    font-size: 16px;
    text-align: left;
    padding-left: 20px;
    margin-top: 38px;
    margin-bottom: 22px;
}
.Getdata-2 {
    font-size: 16px;
    text-align: left;
    color: #999;
    padding-left: 20px;
}

.lastadd {
    background: #fff;
    width: 100%;
    padding: 30px 6% 0;
}
.add-button {
    width: 100%;
    font-size: 16px;
    letter-spacing: 1px;
    height: 42px;
    line-height: 42px;
}
</style>

